* {
	margin:0;
	padding:0;
}
body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
	background: #3e4247;
}
a {
	font-size:12px;
	color:#2e5d99;
	text-decoration:underline;
}
a:hover {
	font-size:12px;
	color:#2e5d99;
	text-decoration:none;
}
#container { 
	width: 800px; 
	background: #FFFFFF;
	margin: 0 auto;
} 
#header {
	background:#3e4247; 
}
.logo {
	float:left;
	font-size:48px;
	font-style:italic;
	color:#FFFFFF;
	padding:10px 0;
}
.logo span {
	color:#a9b1ba;
} 
.author {
	font-size:12px;
	color:#a0a0a0;
}
.author a {
	color:#9399a0;
}
.search {
	float:right;
	padding:20px 0 0 0;
}
.searcharea {
	background:url(../../media/Site/searchBackground.png) no-repeat left top;
	width:288px;
	height:40px;
	border:0;
	color:#ffffff;
}
.buttonSearch {
	background:url(../../media/Site/buttonSearch.png) no-repeat left top;
	width:31px;
	height:30px;
	border:0;
	position:absolute;
	margin:6px 0 0 250px;
	cursor:pointer;
}
#sidebar1 {
	float: left; 
	width: 250px; 
	padding:5px 0px 20px 20px;
}
#sidebar1 ul {
	margin:0;
	padding:0;
}
#sidebar1 li {
	padding:0px 20px 10px 0;
	list-style:none;
	float:left;
}
#sidebar1 .seemore {
	float:right;
}
#sidebar1 img {
	border:0;
}
#sidebar1 .picPreview {
	float:left;
	padding:0 10px 10px 0;
}
#mainContent { 
	background:#f6f7f7;
	padding:5px 20px 20px 20px;
}
.buttonMoreDetails {
	background:url(../../media/Site/buttonBackground.png) no-repeat left top;
	width:94px;
	height:30px;
	border:0;
	color:#ffffff;
	cursor:pointer;
	float:right;
	margin:20px;
} 
.horSeparator {
	border-bottom:1px solid #CCCCCC;
	padding:10px 0;
}
.picContent {
	float:left;
	padding:0 15px 10px 0;
}
h2 {
	font-size:14px;
	font-weight:bold;
	color:#535353;
	padding:10px 0 10px 0;
}
#footer {
	background:url(../../media/Site/footerBackground.png) repeat-x left top;
	height:82px;	
} 
.footerHeader {
	background:#FFFFFF;
	height:20px;
	width:800px;
	margin:0 auto;
}
.footerBody {
	width:800px;
	margin:0 auto;
}
.copyright {
	float:left;
	color:#535353;
	font-size:11px;
	padding:15px 0 0 0; 
}
.copyright a {
	font-size:11px;
	color:#666b71;
	text-decoration:underline;
}
.copyright a:hover {
	font-size:11px;
	color:#666b71;
	text-decoration:none;
}
.footerIcons {
	float:right;
	padding:14px 0 0 0;
}
.footerIcons img {
	border:0;
}
.footerIcons ul {
	margin:0;
	padding:0;
}
.footerIcons li {
	display:inline;
	list-style:none;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*begin main menu*/
#navcontainer {
	padding-top:10px;
}
#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	background: url(../../media/Site/menuBackground.jpg) repeat-x left top;
	color: White;
	float: left;
	width: 100%;
	border-bottom:2px solid #FFFFFF;
}
#navcontainer ul li { 
	display: inline; 
}
#navcontainer ul li a {
	padding:29px 15px;
	background: url(../../media/Site/menuBackground.jpg) repeat-x left top;
	color: #9198a1;
	font-size:18px;
	text-decoration: none;
	float: left;
	border-right: 1px solid #dfe0e2;
}
#navcontainer ul li a:hover {
	background: url(../../media/Site/menuActive.jpg) repeat-x left top;
	color: #fff;
}
#navcontainer  #active a {
	background: url(../../media/Site/menuActive.jpg) repeat-x left top;
	color: #fff;
}
/*end main menu*/

/*-- Login + UserPanel --*/
#login {width:auto; height:200px; background-color:#ffffff; border:#c5c5c5 solid 1px; padding:16px 14px 12px 14px; margin-bottom:10px; text-align:center;}
#login.width160 {text-align:left; padding:16px 12px 10px 12px;}
#login h3 {margin-bottom:8px;}
#login p {margin:-3px 0 8px 0;}

#login form.login input.text, form.login input.password  {width:92px; margin:0 5px 8px 0;}
#login.width160 form.login input.text {width:126px; margin:0 0 8px 0;}
#login.width160 form.login div.button{width:100%;}
#login.width160 form.login div.button input.btn{width:100%;}
#login ul{clear:both; font-size:12px; }
#login ul li{display:inline; margin: 0px 5px; border-right:#c2c2c2 solid 1px; padding-right:11px;}
#login ul li.last {border:none; padding-right:0px;}

/*-- Button --*/
input.btn {height:38px; width:auto; overflow: visible; border:none; padding: 0px 12px; font-size:16px; color:#ffffff; cursor:pointer;}
button.btn {height:38px; width:auto; overflow: visible; border:none; padding: 0px 12px; font-size:16px; color:#ffffff; cursor:pointer;}
div.button {float:left; height:38px; width:auto; margin-bottom:8px; cursor:pointer;}

div.green {background: transparent url(../../media/Site/btns.gif) no-repeat left 0px; }
div.green input.btn, div.green button.btn{background: transparent url(../../media/Site/btns.gif) no-repeat right 0px; }
div.grey {background: transparent url(../../media/Site/btns.gif) no-repeat left -76px; }
div.grey input.btn, div.grey button.btn {background: transparent url(../../media/Site/btns.gif) no-repeat right -76px; color:#404040;}
div.red {background: transparent url(../../media/Site/btns.gif) no-repeat left -152px; }
div.red input.btn, div.red button.btn {background: transparent url(../../media/Site/btns.gif) no-repeat right -152px;}

div.green:hover{background-position: left -38px;}
div.green input.btn:hover, div.green button.btn:hover{background-position:right -38px;}
div.grey:hover{background-position: left -114px;}
div.grey input.btn:hover, div.grey button.btn:hover{background-position:right -114px;}
div.red:hover{background-position: left -190px;}
div.red input.btn:hover, div.red button.btn:hover{background-position:right -190px;}
.right{float:right;}

/** EVENTS **/
#eventlist { margin:0 0 40px 0; }
.eventlist {
    font-size: 1.2em; font-weight: bold;
    border-bottom: 2px solid #ddd;
    padding:0.5em 0.3em; margin: 0.8em 0;
}

    /**
     * @note no border for the edit image
     */
    div#eventlist h2 img {
        border: none;
    }

div#eventlist .floattext:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
/**
 * Event / Venue Details
 * 
 * @section el-definition-list
 */
div#eventlist dl {
    margin: 0 5px;
}

    /**
     * Definition Terms
     * 
     * @subsection el-definition-terms 
     */
    div#eventlist dt {
        margin: 0; padding: 0.3em 0;
        float:left;
        font-size: 1em; font-weight: bold;
        width: 11em;
        background: transparent;
        border-bottom: 1px solid #ddd;
    }

    /**
     * Definition Description
     * 
     * @subsection el-definition-descriptions
     */
    div#eventlist dd {
        display: block;
        margin: 0 0 5px 12em; padding: 0.3em 0;
        font-size: 1em;
        background: transparent;
    }

    /**
     * @workaround 3px jog bug
     * @affected ie <6
     * @css-for ie <6
     */
    * html .floattext dd {
        height: 1%;
    }


/**
 * Event / Venue Description
 * 
 * @subsection el-description-text
 */
div#eventlist div.description {
    margin: 5px 0; padding: 0 5px;
}

div#eventlist div.no_space,
div#eventlist .no_space {
    margin: 0; padding: 0;
}